<template>
  <div class="total">
    <div class="one">
<div class="two">
  <img src="@/assets/img/mymusic.png">

  <div class="three">

  </div>
</div>

    </div>
    <AppFooter></AppFooter>
  </div>
</template>

<script>
import AppFooter from "@/components/AppFooter.vue";
export default {
  components:{
    AppFooter:AppFooter
  }

}
</script>

<style  scoped>
html,body{
  width: 100%;
  padding: 0;
  margin: 0;

}
.total{
  background:#f5f5f5;
  height:1070px;
  width:100%;

}
.one{
  width: 980px;
  min-height: 700px;
  _height: 700px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-width: 0 1px;

}
.two{
  position: relative;
  width: 807px;
  height: 268px;
  margin: 0 auto 0;
  padding-top: 104px;
  background-position: 0 104px;
  //background: url("@/assets/img/mymusic.png") no-repeat ;

}
.three{
  width: 500px;
  height: 200px;
  background: white;
  position: absolute;
  top:380px
}

</style>